require(['config'], function () {
    require(['jquery'], function () {
        require([ 'jqcolor', 'lazy'], function () {
            (function () {
                function index() {
                    //楼梯
                    let stairs = $('.stairs');
                    let stairslist = $('.stairs li');

                    //hover鼠标移入字体颜色渐变
                    let fontcolor1 = $('.header2 .top .left li a,.header2 .top .right li a')
                    let fontcolor2 = $('.bottom .header2-list li a,.header2-links a,.header2-nav-l dd p,.wel-links-nav .wel-prolist .title a, .wel-links-nav .wel-prolist .co a, .wel-links-nav .wel-prolist .co a.hover, .wel-prolist-list .bd li p, .wel-bottom-title .links a, .wel-bottom-title .links a.hover, .wel-content-list li p a, .wel-content-list li h2 a, .wel-content-list li h3 a, .wel-video-list li h2, .search-products .inline-now a, .products-search li dd, .products-search li dd.hover, .products-title .sort .sales, .products-title .sort .sales.hover, .cart-box .cart-bot .all-dele, .cart-box .cart-bot .cart-shopping, .payment-bottom .title a, .add-detailed .title a, .coupon-box .list li, .coupon-box .list li.hover');

                    // 客服经理微信号下拉图片
                    let hover = $('.hover');
                    let ewm = $('.ewm');

                    //顶部菜单悬浮
                    let headerBottom = $('.header2 .bottom');

                    // 全部商品下拉菜单
                    let input = $('.input');
                    let li1 = $('.header2-list .li1');
                    let header2Nav = $('.header2-nav-l');

                    //搜索下拉菜单
                    let con = $('.search-box .con')
                    let conA = $('.search-box .con a ');
                    let conTimer = null;
                    let conindex = 0;

                    // 轮播图
                    let banner = $('.welcome .banner');
                    let btns = $('.welcome .btns span');
                    let lis = $('.welcome .banner ul li');
                    let prev = $('.prev');
                    let next = $('.next');
                    let index = 0;
                    let timer = null;

                    //侧拉框


                    // $('window').scroll(function(){

                    // });

                    // hover----------------------------------
                    fontcolor1.hover(function () {
                        $(this).stop(true).animate({
                            color: '#007bc7'
                        }, 200);
                    }, function () {
                        $(this).stop(true).animate({
                            color: '#fff'
                        }, 200)
                    });
                    fontcolor2.hover(function () {
                        $(this).stop(true).animate({
                            color: '#007bc7'
                        }, 200);
                    }, function () {
                        $(this).stop(true).animate({
                            color: '#000'
                        }, 200)
                    });

                    // 客服经理微信号下拉图片-----------------
                    hover.hover(function () {
                        ewm.show();
                    }, function () {
                        ewm.hide();
                    });

                    //顶部菜单悬浮----楼梯-------------------------
                    headerBottom.removeClass("flexedfrist");
                    if (document.documentElement.scrollTop > 44) {//判断刷新是是否在顶部
                        headerBottom.addClass("flexedfrist");
                    }
                    $(window).scroll(function () {
                        if (document.documentElement.scrollTop > 44) {
                            headerBottom.addClass("flexedfrist");
                        } else {
                            headerBottom.removeClass("flexedfrist");
                        }
                        if (document.documentElement.scrollTop > 100) {
                            stairs.css({
                                position: 'fixed',
                                top: 80
                            }).addClass('shadow');
                        } else {
                            stairs.css({
                                position: 'absolute',
                                top: 150
                            }).removeClass('shadow');
                        }
                        if (document.documentElement.scrollTop >= 375 && document.documentElement.scrollTop < 1250) {
                            stairslist.eq(0).addClass('stairsbg').siblings('li').removeClass('stairsbg');
                        } else if (document.documentElement.scrollTop >= 1250 && document.documentElement.scrollTop < 1750) {
                            stairslist.eq(1).addClass('stairsbg').siblings('li').removeClass('stairsbg');
                        } else if (document.documentElement.scrollTop >= 1750 && document.documentElement.scrollTop < 2250) {
                            stairslist.eq(2).addClass('stairsbg').siblings('li').removeClass('stairsbg');
                        } else if (document.documentElement.scrollTop >= 2250 && document.documentElement.scrollTop < 2875) {
                            stairslist.eq(3).addClass('stairsbg').siblings('li').removeClass('stairsbg');
                        } else if (document.documentElement.scrollTop >= 2875 && document.documentElement.scrollTop < 3980) {
                            stairslist.eq(4).addClass('stairsbg').siblings('li').removeClass('stairsbg');
                        } else {
                            stairslist.removeClass('stairsbg');
                        }
                    });
                    stairslist.eq(0).click(function(){
                        $('body,html').animate({
                            scrollTop: 640
                        },
                            500);
                        return false;
                    });
                    stairslist.eq(1).click(function(){
                        $('body,html').animate({
                            scrollTop: 1440
                        },
                            500);
                        return false;
                    });
                    stairslist.eq(2).click(function(){
                        $('body,html').animate({
                            scrollTop: 1980
                        },
                            500);
                        return false;
                    });
                    stairslist.eq(3).click(function(){
                        $('body,html').animate({
                            scrollTop: 2630
                        },
                            500);
                        return false;
                    });
                    stairslist.eq(4).click(function(){
                        $('body,html').animate({
                            scrollTop: 3175
                        },
                            500);
                        return false;
                    });
                    stairslist.eq(5).click(function () {
                        $('body,html').animate({
                            scrollTop: 0
                        },
                            500);
                        return false;
                    });


                    // 全部商品下拉菜单-----------------
                    li1.hover(function () {

                        header2Nav.stop().animate({
                            height: 67,
                            paddingTop: 39,
                            paddingBottom: 34

                        });
                        header2Nav.show();
                    }, function () {
                        header2Nav.stop().animate({
                            height: 0,
                            padding: 0
                        });
                    });

                    //搜索栏下拉菜单-------------------------
                    input.focus(function () {
                        fi();
                    });
                    input.blur(function () {
                        fo();
                    });
                    conA.css({
                        opacity: 0,
                        left: 10
                    })
                    function fi() {
                        con.fadeIn();
                        conindex = 0;
                        conTimer = setInterval(function () {
                            conA.eq(conindex).stop().animate({
                                left: 0,
                                opacity: 1
                            });
                            conindex++;
                            if (conindex > 6) {
                                clearInterval(conTimer);
                            }
                        }, 100)
                    }
                    function fo() {
                        conindex = 0;
                        conTimer = setInterval(function () {
                            conA.eq(conindex).stop().animate({
                                left: 10,
                                opacity: 0
                            });
                            conindex++;
                            if (conindex > 6) {
                                clearInterval(conTimer);
                                con.fadeOut();
                            }
                        }, 100)
                    }

                    // 轮播图-------------------------------
                    prev.hide();
                    next.hide();
                    timer = setInterval(function () {
                        rightclick();
                    }, 2000)
                    btns.on('click', function () {
                        index = $(this).index() //当前点击的按钮的索引
                        tabswitch();
                    });

                    banner.hover(function () {
                        prev.show();
                        next.show();
                        clearInterval(timer);
                    }, function () {
                        prev.hide();
                        next.hide();
                        timer = setInterval(function () {
                            rightclick();
                        }, 2000)
                    });

                    next.on('click', function () {
                        rightclick();
                    });


                    prev.on('click', function () {
                        leftclick();
                    });

                    //图片切换的过程
                    function tabswitch() {
                        btns.eq(index).addClass('cur').siblings('span').removeClass('cur');
                        lis.eq(index).fadeIn().siblings('li').fadeOut();//渐入渐出
                    };

                    //左右箭头切换
                    function rightclick() {
                        index++;
                        if (index > btns.length - 1) {
                            index = 0;
                            previndex = 3;
                        }
                        tabswitch(); //将当前索引给前一个索引。
                    };

                    function leftclick() {
                        index--;
                        if (index < 0) {
                            index = 3;
                            previndex = 0;
                        }
                        tabswitch(); //将当前索引给前一个索引。
                    }
                    // 轮播图结束----------------------------------------------

                }
                index();
            })()
        });
    });

});
